<template>
  <div>
    <section>
      <div class="mineservice_title_pic">
        <div class="title_text">
          <h3 class="title_text1">一键发货、租车</h3>
          <h3 class="title_text2">从根本上简化客户的操作</h3>
        </div>
      </div>
    </section>
    <section>
      <div class="section1">
        <div class="content_send">
          <div class="section_title">
            <h4 class="content_head_text">我要发货</h4>
            <div class="content_head_line"></div>
          </div>
          <div class="section_content">
            <p class="section_content_text">
              橙配货运专车平台由杭州晨瑞汽车服务有限公司全力打造，橙配上线后，将重点
              关注同城配送领域，共享车厢空间，同时面向企业、商户和个人提供服务。与目
              前参与同城配送的摩托车、电动自行车、三轮车等相比，橙配新能源汽车更加安
              全美观，又避免了风吹日晒雨淋给特殊物品带来的影响；相较于传统使用汽柴油
              的配送车辆，橙配新能源汽车在运行成本、低碳环保等方面则更具优势。橙配平
              台业务将迅速在全国各地铺开，同时植入销售、租赁开瑞新能源汽车业务，并提
              供跨区域物流配送、城市中心共享仓储、供应链金融服务等升级服务，打造一个
              具有新能源、新运营、新金融、新互联、新服务五大优势的供应链生态圈
            </p>
            <div class="section_content_qrcode">
              <img class="qrcode_img" src="../../assets/img/mineservice/qr_code_send.png"/>
              <div class="qrcode_des">微信扫一扫小程序即可发货</div>
            </div>
          </div>
          <div class="section_bottom">
            <img class="section_bottom_pic1" src="../../assets/img/mineservice/my_service_content_left.png"/>
            <img class="section_bottom_pic2" src="../../assets/img/mineservice/my_service_content_right.png"/>
          </div>
        </div>
      </div>
    </section>
    <section>
      <div class="section2">
        <div class="content_send">
          <div class="section_title">
            <h4 class="content_head_text">我要租车</h4>
            <div class="content_head_line"></div>
          </div>
          <div class="section_content">
            <div class="section_content_text">
              随着时代的发展，租车这一行业势不可挡，橙配租车，可以控制企业和个人买车
              的成本，更节省企业购车所占用的大量人力、资金、车辆维修、车辆保养车辆保
              险等资源。租车是一种新兴的朝阳行业，橙配新能源租赁平台，以其专业的营销
              租赁服务，获得了无数企事业单位的青睐，在租车市场卷起了一股新能源租车的
              新潮流。橙配租车一流服务，超低价格，引领新能源商务车租赁行业。放眼未来，
              橙配租车将继续以品质为先，不断探索前沿科技，完善用车服务供应链，为政府、
              企业、机构和个人提供品质化、个性化的出行解决方案，成就值得信赖的出行服
              务行家。
            </div>
            <div class="section_content_qrcode">
              <img class="qrcode_img" src="../../assets/img/mineservice/qr_code_rent.png"/>
              <div class="qrcode_des">微信扫一扫小程序即可租车</div>
            </div>
          </div>
          <div class="section_bottom">
            <img class="section_bottom_pic1" src="../../assets/img/mineservice/my_service_bottom_left.png"/>
            <img class="section_bottom_pic2" src="../../assets/img/mineservice/my_service_bottom_right.png"/>
          </div>
        </div>
      </div>
    </section>
  </div>
</template>

<script>
  export default {
    layout: 'layout',
  }
</script>

<style scoped>
  .mineservice_title_pic {
    height: 600px;
    text-align: left;
    background: url('../../assets/img/mineservice/myservice_head.png') no-repeat center center;
    background-size: cover;
  }

  .title_text {
    padding: 50px 0 0 220px;
    text-align: center;
    display: inline-block;
  }

  .title_text1 {
    font-size: 40px;
    font-weight: normal;
    color: #FF8A01;
  }

  .title_text2 {
    margin-top: 10px;
    font-weight: normal;
    font-size: 30px;
  }

  .section1 {
    padding: 30px 0;
    text-align: center;
  }

  .section2 {
    padding: 20px 0 60px 0;
    text-align: center;
  }

  .content_send {
    width: 1200px;
    padding: 0 10px;
    display: inline-block;
  }

  .section_title {
    padding: 0 0 30px 0;
    display: inline-block;
  }

  .content_head_text {
    font-size: 30px;
    line-height: 30px;
    color: #010101;
    font-weight: normal;
    letter-spacing: 2px;
  }

  .content_head_line {
    width: 50%;
    height: 2px;
    margin-top: 5px;
    background: #FF8A01;
  }

  .section_content {
    text-align: left;
  }

  .section_content_text {
    display: inline-block;
    width: 900px;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
    vertical-align: middle;
  }

  .section_content_qrcode {
    margin-left: 80px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
  }

  .qrcode_img {
    width: 150px;
    height: 150px;
  }

  .qrcode_des {
    margin-top: 10px;
    font-size: 16px;
  }

  .section_bottom {
    margin-top: 40px;
    text-align: left;
    font-size: 0;
  }

  .section_bottom_pic1 {
    width: 585px;
    height: 300px;
  }

  .section_bottom_pic2 {
    width: 585px;
    height: 300px;
    margin-left: 10px;
  }
</style>
